<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="full-screen" content="yes" />
    <!-- <meta name="referrer" content="origin" /> -->
    <meta name="referrer" content="no-referrer" />
    <!-- <meta
      http-equiv="Cache-Control"
      content="no-cache, no-store, must-revalidate"
    />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" /> -->
    <script>
      var coverSupport =
        'CSS' in window &&
        typeof CSS.supports === 'function' &&
        (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
      document.write(
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
          (coverSupport ? ', viewport-fit=cover' : '') +
          '" />'
      )
    </script>
    <!-- 引入第三方地图定位文件 -->
    <script type="module" src="/src/utils/wz_location.min.js"></script>
    <script defer src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <!-- <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script> -->
    <!-- jmessage-sdk-web.2.6.0.min.js -->
    <script src="https://image.blacksilverscore.com/App/53d1fa3d-cc49-46c5-8bec-040fde586c9c.js"></script>

    <!-- jmessage-wxapplet-sdk-1.4.3.min.js -->
    <!-- <script src="https://image.blacksilverscore.com/App/ebc592af-9e4d-4deb-8014-25d99568c893.js"></script> -->
    <!-- <script defer src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script> -->

    <!-- iconfont symbol 2.0-->
    <script
      defer
      src="//at.alicdn.com/t/c/font_4616385_7qugyh8i1sl.js"
    ></script>

    <!-- 阿里云一键登录认证服务sdk地址 -->
    <!-- <script src="https://image.blacksilverscore.com/App/2871dd5d-055f-4068-82be-8f8cf1e69135.js"></script> -->
    <!-- <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script> -->

    <!-- 融云Emoji 插件 压缩版 -->
    <script
      defer
      src="https://cdn.ronghub.com/RongEmoji-2.2.10.min.js"
    ></script>

    <!-- 抖音工具包 -->
    <script
      defer
      src="https://lf3-static.bytednsdoc.com/obj/eden-cn/fljpeh7hozbf/douyin_open/cdn/dy_open_util_v0.0.6.umd.js"
    ></script>
    <!-- <script  src="https://image.blacksilverscore.com/App/28bd1cd7-2afe-46f1-b30f-7d035949b583.js"></script> -->
    <!-- 微信sdk -->
    <!-- <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> -->
    <!-- eruda调试器 -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/eruda"></script> -->
    <script>
      // eruda.init()
    </script>
    <title></title>
    <!--preload-links-->
    <!--app-context-->
    <style>
      .loading-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        visibility: hidden; /* 默认隐藏 */
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
        z-index: 9999;
      }
      .loading-overlay.active {
        visibility: visible;
        opacity: 1;
      }
      .loading-spinner {
        border: 4px solid #f3f3f3; /* Light grey */
        border-top: 4px solid #ff6c18; /* Blue */
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
      }
      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
    </style>
  </head>

  <body>
    <div id="app">
      <!--app-html-->
    </div>
    <div class="loading-overlay active">
      <!-- loading -->
      <div class="loading-spinner"></div>
    </div>
    <script>
      window.onload = function () {
        var loadingOverlay = document.querySelector('.loading-overlay')
        loadingOverlay.classList.remove('active')
      }
    </script>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
